<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>My First Github Demo</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

    <div id="header">
        <h1> Yi Qian Yao's Works! </h1>
    </div>
    <div id="content">
        <h1>WebGL</h1>
        <p>
            <a href="https://github.com/2912401452/webGL-Three.js-CSS3/tree/master/works/demo_list/public/webGL" target="_blank">https://github.com/2912401452/webGL-Three.js-CSS3/tree/master/works/demo_list/public/webGL</a>
            <span>WEBGL</span>
        </p>
        <hr>
        <h1>EasyExamples</h1>
        <span>新案例集合入口</span>
        <a href="https://2912401452.github.io/easyvExamples/" target="_blank">https://2912401452.github.io/easyvExamples/</a>
        <hr>
        <h1>Three.js</h1>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/cameraHelper/index3.html" target="_blank">https://2912401452.github.io/works/demo_list/public/cameraHelper/</a>
            <span>相机点位辅助工具</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/3D_heat/" target="_blank">https://2912401452.github.io/works/demo_list/public/3D_heat/</a>
            <span>3D热力</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/snow/" target="_blank">https://2912401452.github.io/works/demo_list/public/snow/</a>
            <span>雪花飘落</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/fire2/" target="_blank">https://2912401452.github.io/works/demo_list/public/fire2/</a>
            <span>跳跃火焰</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/pointerLock/" target="_blank">https://2912401452.github.io/works/demo_list/public/pointerLock/</a>
            <span>人物控制</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/sea_panel/sea.html" target="_blank">https://2912401452.github.io/works/demo_list/public/sea_panel/sea.html</a>
            <span>海面波动</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/smoke/improve_demo.html" target="_blank">https://2912401452.github.io/works/demo_list/public/smoke/improve_demo.html</a>
            <span>烟雾翻卷</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/fbx_anim/" target="_blank">https://2912401452.github.io/works/demo_list/public/fbx_anim/</a>
            <span>骨骼动画</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/tween_anim/" target="_blank">https://2912401452.github.io/works/demo_list/public/tween_anim/"</a>
            <span>动画切换</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/grey/" target="_blank">https://2912401452.github.io/works/demo_list/public/grey/</a>
            <span>灰度处理</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/earth_air/glsl.html" target="_blank">https://2912401452.github.io/works/demo_list/public/earth_air/glsl.html</a>
            <span>大气地球(shader)</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/earth_air/uv_anim.html" target="_blank">https://2912401452.github.io/works/demo_list/public/earth_air/uv_anim.html</a>
            <span>大气地球(uv)</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/pass/outLinePass.html" target="_blank">https://2912401452.github.io/works/demo_list/public/pass/outLinePass.html</a>
            <span>后期处理(outLine)</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/pass/faxxpass.html" target="_blank">https://2912401452.github.io/works/demo_list/public/pass/faxxpass.html</a>
            <span>后期处理(faxx)</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/pass/bloom_official.html" target="_blank">https://2912401452.github.io/works/demo_list/public/pass/bloom_official.html</a>
            <span>后期处理(bloom)</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/waves/simple.html" target="_blank">https://2912401452.github.io/works/demo_list/public/waves/simple.html</a>
            <span>简单波浪</span>
        </p>
        <p>
            <a href="https://github.com/2912401452/webGL-Three.js-CSS3/tree/master/works/demo_list/public/shader" target="_blank">https://github.com/2912401452/webGL-Three.js-CSS3/tree/master/works/demo_list/public/shader</a>
            <span>shader简单</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/sun/sun.html" target="_blank">https://2912401452.github.io/works/demo_list/public/sun/sun.html</a>
            <span>简单太阳</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/sun/demo.html" target="_blank">https://2912401452.github.io/works/demo_list/public/sun/demo.html</a>
            <span>熔岩表面</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/fire_ball/fireball.html" target="_blank">https://2912401452.github.io/works/demo_list/public/fire_ball/fireball.html</a>
            <span>翻滚火球</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/perlin_height/" target="_blank">https://2912401452.github.io/works/demo_list/public/perlin_height/</a>
            <span>柏林表面</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/perlin_height/wave.html" target="_blank">https://2912401452.github.io/works/demo_list/public/perlin_height/wave.html</a>
            <span>柏林表面(简单水面)</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/perlin_height/wave2.html" target="_blank">https://2912401452.github.io/works/demo_list/public/perlin_height/wave2.html</a>
            <span>柏林表面(简单水面2)</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/waves/dymanic_wave.html" target="_blank">https://2912401452.github.io/works/demo_list/public/waves/dymanic_wave.html</a>
            <span>动态水面</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/glass/refactor_grass.html" target="_blank">https://2912401452.github.io/works/demo_list/public/glass/refactor_grass.html</a>
            <span>玻璃材质</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/mirror/" target="_blank">https://2912401452.github.io/works/demo_list/public/mirror/</a>
            <span>简单镜面</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/load_model/drc/" target="_blank">https://2912401452.github.io/works/demo_list/public/load_model/drc/</a>
            <span>加载模型( drc 压缩模型 )</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/demo_list/public/load_model/web_worker/test_load.html" target="_blank">https://2912401452.github.io/works/demo_list/public/load_model/web_worker/test_load.html</a>
            <span>加载模型( web worker 非阻塞线程加载 )</span>
        </p>


        <hr>
        <h1>CSS</h1>
        <p>
            <a href="https://2912401452.github.io/works/slip_anim/" target="_blank">https://2912401452.github.io/works/slip_anim/</a>
            <span>使用css3实现的3D商品信息展示(平面拖拽)</span>
        </p>
        <p>
            <a href="https://2912401452.github.io/works/3D_lib/" target="_blank">https://2912401452.github.io/works/3D_lib/</a>
            <span>使用css3实现的3D商品信息展示</span>
        </p>
        
    </div>
    <div id="footer">
        <h2>Github 仓库的地址</h2>
        <p>
            <a href="https://github.com/2912401452/webGL-Three.js-CSS3" target="_blank">https://github.com/2912401452/webGL-Three.js-CSS3</a>
        </p>
        <p>本页面提供的案例仅供学习使用</p>
        <p><span>个人电话：18969948619</span> <span>个人邮箱：2912401452@qq.com</span></p>
    </div>
</body>
<script src="js/index.js"></script>
</html>